<!--  个人资料2start  -------->
<div class="order-container">
	<div class="header">
		<h1>
			<a href="#">
				<img src="images/logo.png" />
			</a>
		</h1>
		<div class="header_right person_info_header">
			<span class="mr_50">订单详情</span>
			<span>个人资料</span>
		</div>
	</div>
	<div class="sep_bg"></div>
	<div class="person_info_content">
		<span class="person_info_editicon" data-toggle="modal" data-target="#info_upd_dialog">修改资料</span>
	</div>

	<div class="person_info_main">
		<div class="person_info_mark">
			<div class="photo_bg">
				<img class="head_img" src="../../images/user_pic.png" />
			</div>
			<div class="person_group">火星制造局</div>
			<div class="person_name_area">
				<div class="person_name bg_woman">金三胖</div>
			</div>
		</div>
	</div>
	<div class="person_detail">
		<ul>
			<li>公司名称：
				<span>火星制造有限公司</span>
			</li>
			<li>工作邮箱：
				<span>12345678@126.com</span>
			</li>
			<li>QQ：
				<span>238392019</span>
			</li>
		</ul>
	</div>
	<div class="bind_info">
		<ul>
			<li>
				<b class="bind_style">已绑定微信</b>
				<i class="bing_title">ljs_28391</i>
				<span class="bind_upd" data-toggle="modal" data-target="#info_upd_chat">修改</span>
			</li>
			<li class="border_le">
				<b class="unbind_style">未绑定手机</b>
				<i class="bing_title">待绑定</i>
				<b class="bind_upd" data-toggle="modal" data-target="#info_upd_tel">修改</b>
			</li>
		</ul>
	</div>

	<!--    修改资料弹出框   start -------------------------------------------->
	<div id="info_upd_dialog" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width:420px;margin-top:17%">
			<div class="modal-content modal-content_borrad animated bounceInRight">

				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
				</div>

				<div class="info_upd_body">
					<div class="photo_bg photo_position">
						<img class="head_img" src="../../images/user_pic.png" />
					</div>
					<div class="photo_edit_icon">
						<img src="images/person_info/edit_person.png" />
					</div>
					<div class="info_tab">
						<table>
							<tr>
								<td>
									<p>昵称：</p>
									<input type="text" />
								</td>
								<td>
									<p>真实姓名：</p>
									<input type="text" />
								</td>
							</tr>
							<tr>
								<td>
									<p>性别：</p>
									<input type="text" />
								</td>
								<td>
									<p>公司名称：</p>
									<input type="text" />
								</td>
							</tr>
							<tr>
								<td>
									<p>QQ：</p>
									<input type="text" />
								</td>
								<td>
									<p>工作邮箱：</p>
									<input type="text" />
								</td>
							</tr>
						</table>
					</div>
					<div class="btn_area">
						<button type="button" class="save">保存</button>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--     修改资料弹出框   end -------------------------------------------->

	<!--    修改手机弹出框   start -------------------------------------------->
	<div id="info_upd_tel" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width: 420px;margin-top:25%;">
			<div class="modal-content modal-content_borrad animated bounceInRight">

				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
					<h4 class="modal-title_center">邮箱验证</h4>
				</div>

				<div class="info_upd_body align_center">
					<span class="info_tips">系统已向1234567@126.com发送验证邮件</span>
					<div class="check_area">
						<input type="text" placeholder="请输入验证码" class="min_input" />
						<span>验证码</span>
					</div>
					<div class="btn_area">
						<button type="button" class="next_btn" data-toggle="modal" data-target="#info_upd_newtel">下一步</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--     修改手机弹出框   end -------------------------------------------->

	<!--    修改手机2弹出框   start -------------------------------------------->
	<div id="info_upd_newtel" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width: 420px;margin-top:25%;">
			<div class="modal-content modal-content_borrad animated bounceInRight">

				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
					<h4 class="modal-title_center">新的手机</h4>
				</div>

				<div class="info_upd_body align_center">
					<div class="check_area mt_20">
						<input type="text" placeholder="新的手机号" class="max_input" />
					</div>
					<div class="check_area">
						<input type="text" placeholder="请输入验证码" class="max_input" />
					</div>
					<div class="btn_area">
						<button type="button" class="next_btn" data-toggle="modal" data-target="#info_upd_newtel">下一步</button>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--     修改手机2弹出框   end -------------------------------------------->

	<!--   修改微信弹出框   start -------------------------------------------->
	<div id="info_upd_chat" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width: 420px;margin-top:25%;">
			<div class="modal-content modal-content_borrad animated bounceInRight">
				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
					<h4 class="modal-title_center">验证手机</h4>
				</div>
				<div class="info_upd_body align_center">
					<span class="info_tips">验证码已发送至177-6543-2345</span>
					<div class="check_area">
						<input type="text" placeholder="请输入验证码" class="min_input" />
						<span>重新发送邮件</span>
					</div>
					<div class="btn_area">
						<button type="button" class="next_btn" data-toggle="modal" data-target="#info_upd_success">下一步</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--     修改微信弹出框   end -------------------------------------------->

	<!--   修改成功弹出框   start -------------------------------------------->
	<div id="info_upd_success" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width: 360px;margin-top:25%;">
			<div class="modal-content modal-content_borrad animated bounceInRight">
				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
				</div>
				<div class="info_upd_body align_center">
					<div class="photo_position">
						<img class="head_img" src="../../images/person_info/upd_success.png" />
					</div>
					<span class="info_tips mt_60">修改成功</span>
					<div class="btn_area">
						<button type="button" class="next_btn" data-toggle="modal" data-target="#info_upd_chat2">好的</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--     修改成功弹出框   end -------------------------------------------->

	<!--   修改成功弹出框   start -------------------------------------------->
	<div id="info_upd_chat2" class="modal inmodal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog person_info_dialog" style="width: 420px;margin-top:25%;">
			<div class="modal-content modal-content_borrad animated bounceInRight">
				<div class="modal-header info_upd_header">
					<button type="button" title="关闭" class="close" data-dismiss="modal" style="float: right; font-size: 32px;opacity: 0.6;margin-top:-7px;min-width:0px;font-weight: 100;">&times;</button>
					<h4 class="modal-title_center">修改绑定微信</h4>
				</div>
				<div class="info_upd_body align_center">
					<img class="area_center" src="../../images/person_info/QR_code.png" />
					<span class="info_tips login_color">请使用微信二维码登录长芯</span>
				</div>
			</div>
		</div>
	</div>
	<!--     修改成功弹出框   end -------------------------------------------->
</div>